<!--
* @Author: 杨小龙/Yangxiaolong
* @Description: component_name ；
* @Date: 2021-00-00 00:00:00
-->
<template>
  <div class="title-container">
    <slot>{{ title }}</slot>
  </div>
</template>
<script setup lang="ts">
defineProps<{
  title?: string;
}>();
</script>
<style lang="scss" scoped>
.title-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  font-weight: 800;

  &::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 24px;
    background-color: #fff;
    margin-right: 10px;
  }
}
</style>
